/* components/menuBar/menuBar.wxss */
@import "../../app.less";

.menuBarBox {
  height: 50px;
  width: 100%;
  background-color: @c_1e1e27;
  display: flex;
  color: @c_fff;
  font-size: 24rpx;
  justify-content: center;
  align-items: center;
  text-align: center;

  .menuBarItem {
    flex: 1;
  }

  .menuBarItem.active {
    color: @c_4050B5;
  }

  .iconfont {
    font-size: 40rpx;
  }

}